<div>{{ title }}</div>
<!-- [value] -->
<!-- 第一种 -->
<input type="text" [value]="placeholder">
<!-- 第二种 -->
<input type="text" value="{{placeholder}}">

<!-- [innerHtml] -->
<div>
    {{htmlStr}}[innerHtml]
</div>
<div [innerHtml]="htmlStr">
</div>

<!-- [class]  -->
<h2 [class]="{'text-danger': true}">标题[class]</h2>
<!-- <h2 [ngClass]="{'text-danger': true}">标题</h2>   -->
<!-- [style] -->
<h2 [style]="titleStyles">标题[style]</h2>
<!-- [ngStyle] -->
<!-- <div [ngStyle]="background-color:green"></<div>  -->
<h2 [style.height.px]="heightNum">标题</h2>
<h2 [style.color]="hasError ? 'red':'green'">标题</h2>

<!-- *ngFor -->
<!-- {{arr}} -->
